<template>
  <div class="swiper-container">
    <!-- 滑动内容区域 -->
    <swiper ref='mySwiper' :options="swiperOptions">
      <!-- 滑动项 -->
      <swiper-slide v-for='(item,index) in swiperList' :key='item.id'>
        <img :src="item.imgURL" />
      </swiper-slide>
    </swiper>
  </div>
</template>

<script>
  //导入swiper插件
  // import Swiper from 'swiper'
  export default {
    props: ['swiperList'],
    data() {
      return {
        swiperOptions: {
          //重复轮播
          // loop:true,
        }

      }
    }

  }
</script>

<style scoped>
  .swiper-container {
    width: 100%;
    height: 4.18rem;
  }

  .swiper-container img {
    width: 100%;
    height: 100%;
  }
</style>
